    <html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>jQuery UI Example Page</title>
	<link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
        <link type="text/css" href="css/screen.css" media="screen"  rel="stylesheet" />
        <link rel="stylesheet" type="text/css" media="all" href="css/demoStyles.css" />
	<link rel="stylesheet" type="text/css" media="all" href="css/jScrollPane.css" />
        <script type="text/javascript" src="js/localFunctions.js"  ></script>
        <script type="text/javascript" src="js/jquery.js"  ></script>
        <script type="text/javascript" src="js/cmxforms.js" ></script>
        <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
	<script type="text/javascript" src="js/ui.core.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
        <script src="js/jquery.validate.js" type="text/javascript"></script>
        <script type="text/javascript">

            $(function(){

                $('#tabs').tabs();


            });


            $().ready(function() {
            	// validate the comment form when it is submitted


                $("#commentFormTab3").validate(
                
  		);

            });


        function openPopup(url){
            cod1=document.getElementById('cod1').value;
			cod2=document.getElementById('cod2').value;
			cod3=document.getElementById('cod3').value;
			cod3=document.getElementById('nameTab3').value;
			cod3=document.getElementById('cemailTab3').value;	
            window.open(url+'?cod1='+cod1+'&cod2='+cod2+'&cod3='+cod3);

        }



        </script>


	<style type="text/css">
            /*demo page css*/
            .block { display: block; }
            body { font: 67.5% "Trebuchet MS", sans-serif; margin: 50px;}
            .demoHeaders { margin-top: 2em; }
            #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
            #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
            ul#icons {margin: 0; padding: 0;}
            ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
            ul#icons span.ui-icon {float: left; margin: 0 4px;}
            #commentForm, #commentFormTab2, #commentFormTab3  { width: 600px;  }
            #commentForm label , #commentFormTab2 label, #commentFormTab3 label { width: 320px; }
            #commentForm a.recaptcha, #commentFormTab2 a.recaptcha, #commentFormTab3 a.recaptcha { color: blue  }
            #commentForm label.recaptcha, #commentFormTab2 label.recaptcha , #commentFormTab3 label.recaptcha { margin-left: 250px; }
            #commentForm img.imagen, #commentFormTab2 img.imagen, #commentFormTab3 img.imagen { margin-left: 330px }
            #commentForm img.ui-datepicker-trigger, #commentFormTab2 img.ui-datepicker-trigger { margin-left: 5px }
	    #commentForm input, #commentFormTab2 input, #commentFormTab3 input {width: 110px}
            #commentForm input[type = 'file'],#commentFormTab2 input[type = 'file'] { width: 194px; }
            #commentForm label.error, #commentForm input.submit, #commentFormTab2 label.error, #commentFormTab2 input.submit , #commentFormTab3 label.error, #commentFormTab3 input.submit { margin-left: 330px; }


            #bodyMain { width: 620px; position: relative; margin: 0px auto 0px auto; }
            * html #bodyMain { width: 600px; position: relative; margin: 0px auto 0px auto; }
            *:first-child+html #bodyMain { width: 600px; position: relative; margin: 0px auto 0px auto; }

            #bodyMain h1 { color: #0056A1; }
            table .headerhome { width: 100%; }

            #bodyMain p { font-size: 1.2em; line-height: 1.5; margin: 1em auto 0px auto; width: 100%; text-align:justify; }
            * html #bodyMain  #bodyMain p { font-size: 1.2em; line-height: 1.5; margin: 1em auto 0px auto; width: 100%; text-align:justify; }
            *:first-child+html  #bodyMain p { font-size: 1.2em; line-height: 1.5; margin: 1em auto 0px auto; width: 100%; text-align:justify; }

            #tabs {  width: 640px; position: relative; margin: 0 auto;  }

	</style>

 </head>

	<body>


        <div id="bodyMain">

            <h1> <?php  echo utf8_decode("Punto de equilibrio"); ?> </h1>

        </div>

        <div id="tabs" >
    	      <ul>
    		      <li><a href="#tabs-1"><strong> <?php  echo utf8_decode("Punto de equilibrio"); ?></strong></a></li>
              </ul>

	      

       <div id="tabs-3">



            <form class="cmxform" id="commentFormTab3" method="post" name ="commentFormTab3" action="Paideia.php" >
		<fieldset>

                <legend></legend>
                <p>
                <?php  echo utf8_decode("A continuacion, complete los siguientes campos. <b>Todos son obligatorios.</b> "); ?>
                </p>

                <p><legend> Costos fijos </legend></p>

                <p>
			    <label for="cnameTab3"> <a style="color: red">(*)</a>  Alquiler auditorio  </label>
		            <input name="cod1" id="cod1" class="required" minlength="3"  />
                </p>

                <p>
			    <label for="cemailTab3"> <a style="color: red">(*)</a>  Honorarios  </label>
			    <input id="cod2" name="cod2" class="required "/>
		</p>

                <p>
			    <label for="cemailTab3"> <a style="color: red">(*)</a>  Publicidad  </label>
			    <input id="cod3" name="cod3" class="required "/>
                </p>

                <p><legend> Costos Variables </legend></p>

                <p>
			    <label for="cnameTab3"> <a style="color: red">(*)</a>  Material  </label>
		            <input name="name4Tab3" id="nameTab3" class="required" minlength="3"  />
                </p>

                <p>
			    <label for="cemailTab3"> <a style="color: red">(*)</a>  Coffea Break  </label>
			    <input id="cemailTab3" name="emailTab3" class="required"/>
		</p>

                <p>
			    <label for="cemailTab3"> <a style="color: red">(*)</a>  Almuerzo  </label>
			    <input id="cemailTab3" name="emailTab3" class="required "/>
                </p>

                 <p><legend> Ingreso Unitario </legend></p>

                <p>
			    <label for="cnameTab3"> <a style="color: red">(*)</a>  Matricula  </label>
		            <input name="name4Tab3" id="nameTab3" class="required" minlength="3"  />
                </p>


                <p>
                    <input class="submit ui-state-default ui-corner-all" type="submit" value="Enviar Solicitud" onClick="openPopup('PuntoEquilibrio.php')" />
                    <input type="hidden" name="action" value="sendTab3" />
                </p>

                <p>
                    <a style="color: red">(*) Obligatorio </a>
                </p>

	        </fieldset>


            </form>

    </div>
</div>
</body>
</html>

